window.onload = function(){
    //一、 实现勾选 改变样式的功能
    // 获取所有的checkbox 
    var checkboxEles = document.querySelectorAll('.item-check-btn');
    // console.log(checkboxEles);
    //不能通过一个变量 控制所有的check的状态 ，如果这样 那么 这个状态会相互影响
    // 解决方法 ： 是给每一个元素来一个自己独立的变量
    // var judge = false;
    // checkboxEles.forEach(function(item){
    //     item.onclick = function(){
    //         if(!judge){
    //             this.className += " check";
    //             judge = true;
    //         }else{
    //             this.className = "item-check-btn";
    //             judge = false;
    //         }
    //         console.log(judge);
    //     }
    // })


    
    checkboxEles.forEach(function(item){
        item.judge = false;
        item.onclick = function(){
            if(!this.judge){
                this.className += " check";
                this.judge = true;
            }else{
                this.className = "item-check-btn";
                this.judge = false;
            }
            console.log(this,this.judge);
        }
    })







}